.bottom-bar {
  font-size: 28px;
  color: var(--primary-color);
  width: 100%;
  padding: 0;
  background: var(--primary);
  .item {
    width: 20%;
    text-align: center;
    padding: 32px 0;
    &.active{
      color: var(--primary-color-select);
    }
  }
  .add-symbol {
    padding: 0 20px;
    background-color: var(--btn-bg-primary);
    box-sizing: border-box;
    line-height: 32px;
    border-radius: 4px;
    box-shadow: 4px 0 0 red, -4px 0 0 #008dff;
    color: #000;
  }
}
